<%@ page language="java" import="java.util.*,com.king.cms.common.PowerParameter" pageEncoding="utf-8"%>
<%@ page contentType="text/html;charset=gb2312" %>
<%@ include file="/hotel/include/css.jsp"%>
<%-- /*包含css样式表*/ --%>
<%  
	String pageFunc = "菜肴维护";		//功能描述
%>
<% 
	int pow=(PowerParameter.save | PowerParameter.cls | PowerParameter.list);
	String group = (String)request.getAttribute("group");
	Map m = (Map)request.getAttribute("data");
	if(null == m)
	  m = new HashMap();
%>


<html>
	 <head>
		<title><%=pageFunc%>
		</title>
		<meta  http-equiv="Expires"     CONTENT="0">           
		<meta  http-equiv="Cache-Control"     CONTENT="no-cache">           
		<meta  http-equiv="Pragma"     CONTENT="no-cache">
		<meta content="text/html; charset=gb2312" http-equiv=Content-Type>
		<script language="javascript">
	function doEnable()
	{
		form1.bmMc.disabled=false;
		form1.bmBzrs.disabled=false;
	} 
	function ki_save(){
      var flag = true;
      var size = document.all.dishName.length;
      for(var i =0;i<size;i++){
         if(clskg(document.all.dishName[i].value) == '') {
	 	   alert('菜肴名称不能为空');
	 	   flag = false;
	 	   return;
	  }
	  if(document.all.fileupload[i].value == "") {
	 	   alert('请选择上传的图片');
	 	   flag = false;
	 	   return;
	  }
	
      }
	  
	 if(flag)
	    form1.submit();
	}
	function ki_cls(){
	    var file = document.getElementById("fileupload");
		document.getElementById("dishName").value='';
		document.getElementById("dishDesc").value='';
		document.getElementById("dishType").selectedIndex=0;
		file.outerHTML=file.outerHTML;
	}
	function ki_list(){
		window.open('<%=basePath%>mult/dishAction.do?action=list','_self');
	}
	////////除去空格/////////
	function clskg(va){
	  var th=/\s/g;
	 va=va.replace(th,'');
	 return va;
	}
	
	///////////预览上传图片///////////////////
	function selectFile(obj1,obj2){
    var filepath = obj1.value;
    if(filepath.lastIndexOf("\\")>0){
         filename= filepath.substring(filepath.lastIndexOf("\\")+1,filepath.length);
    }
    obj2.value = filename;//用来得到文件名;
}
var re;
var tempimg=new Image();//构建一个image对象，用来临时存取上传的图片信息
function perImg(o)
{//o是浏览上传的值;

isOpare=(navigator.userAgent.toLowerCase().indexOf("opera")!=-1)?true:false;
if(isOpare && o.indexOf("http://")==-1){document.getElementById("perDiv").innerHTML="Opera 浏览器得到不本地路径，所以无法提供预览效果，谢谢！";return;}

    //tempimg.src="http://www.baidu.com/img/logo.gif";
    //tempimg.src=o;//return;
    //远程访问时浏览本地的图片时因为安全原因而在firefox下能预览，
    //ie下都没有问题:(,打开静态页面时也没有问题;
    //可以把在线的图片url拷贝至文件框试一试，拷贝进来的一律有效，(地址为http://的)在其它浏览器下均有效
    //而如果是firefox如果是通过远程访问，选择图片时无法预览本地的图片
    //这可以说是firefox为安全考虑的一个方面，也可以说是firefox下的bug
    //而对于opera来讲，只要是从本地选择的图片(不管是本地还是远程访问本文件)，都得不到全部的路径，所以opera下是无法预览本地图片的
    //如果是远程的图片地址，粘贴进文件框里(地址为http://的)，就都可以预览图片了。
    
 if(o!=""){
 // o=encodeURIComponent(o);
   if(o.indexOf("file:///")==-1 && o.indexOf("http://")==-1)o="file:///"+o;
   //给url加上file,这种方式在非windows平台可能会有问题;
   o=o.replace(/\\/g,"/");
   tempimg.src=o;
   //alert(o+"||"+tempimg.width+"||"+tempimg.height);
   clearTimeout(re);
   re=setTimeout("resize(tempimg)",100);
   //设置100毫秒的迟延就可解决ff下得到前一次size的问题;
 }
}

function resize(o){
//预览时若图片宽或高大于200*200,则设定宽或高最大为200*200;
//上传后再用java/php/c等裁剪生成大小两张图片;
  ow=o.width;
  oh=o.height;
  var ow2=ow,oh2=oh;//得到宽高
  //alert("ow:"+ow+"oh:"+oh+"\now2:"+ow2+"oh2"+oh2)
  try{
  if(ow>oh){//如宽大于高且宽大于200就缩小宽为200,高则按比例缩放
      if(ow>160){ow2=160;oh2="auto";}
  }else{//如高大于宽且高大于200就缩小高为200,宽则按比例缩放
      if(oh>160){oh2=160;ow2="auto";}
  }
          var showdiv=document.getElementById("divinfo");
          var info="原宽:"+ow+" || 原高:"+oh+" == "+"改后宽:"+ow2+" || 改后高:"+oh2;
          var getimg="<a href=\""+o.src+"\" onclick=\"window.open(this.href,'','width=500,height=400,top='+(window.screen.height-500)/2+',left='+(window.screen.width-500)/2+',resizable=yes ');return false;\" target=\"_blank\">"
                                +"<img border=\"0\" id=\"uploadimg\" src=\""+o.src+"\" style=\"width:"+ow2+";height:"+oh2+";\">"
                                +"</a>";
          document.getElementById("perDiv").innerHTML=getimg;
          if(showdiv)showdiv.innerHTML=info;           
  }catch(ex){
     alert(ex.toString());
  }  

}
//jiarry.126.com
//differentiate file type

var right_type=new Array(".gif",".jpg",".jpeg","png","bmp")
function checkImgType(fileURL)
{
//本程序用来验证后缀，如果还有其它格式，可以添加在right_type;
var right_typeLen=right_type.length;
var imgUrl=fileURL.toLowerCase();
var postfixLen=imgUrl.length;
var len4=imgUrl.substring(postfixLen-4,postfixLen);
var len5=imgUrl.substring(postfixLen-5,postfixLen);
for (i=0;i<right_typeLen;i++)
{
    if((len4==right_type[i])||(len5==right_type[i]))
    {
    return true;
    }
 }
}

 
var xlist=0;var errStr="";
function sub(o){
   if(o.upload_file.value==""){xlist+=1;errStr+=xlist+")请选择一个图片文件\n";}
   if(o.name.value==""){xlist+=1;errStr+=xlist+")请输入名称\n";}
   if(o.description.value==""){ xlist+=1; errStr+=xlist+")请输入描述\n";}
   if(o.uploader.value==""){xlist+=1; errStr+=xlist+")请输入上传人\n";}   
   if(errStr!=""){
       alert(errStr);
       xlist=0;errStr="";
       return false;
   }
   if(checkImgType(o.upload_file.value)){
    perImg(o.upload_file.value);
    return true;
     //alert("选择图片正确，你上传的图片是"+o.upload_file.value);
     return false;
   }else{
   alert("您选择的文件格式不正确！");o.upload_file.focus();
   return false;
   }
}
</script>
	</head>
	<body background="<%=imgpath%>top3.gif" leftmargin="0" topmargin="0">
		 <br> 
		 <center>
		<form name="form1" method="post" enctype="multipart/form-data"  action="<%=basePath%>mult/dishAction.do?action=update">
			<table border="0" cellpadding="0" cellspacing="0" align="center" width="98%"
				height="2">
				<tr>
					<td width="9" height="1"></td>
					<td height="1" background="<%=path%>/img/images_06.gif">
						<p align="center">
							<b><%=pageFunc%></b>
					</td>
					<td width="9" height="1"></td>
				</tr>
			</table>
			<table id="table"  border="0" cellpadding="2" cellspacing="1"
				class="bg_table" style="width:90%" bordercolor="#111111">
				<tr class="top_td">
					<td colspan="3"  >
						 <%if(null != m.get("ID")){ %>修改菜肴<%}else{ %>添加菜肴<%} %>
					</td>
				</tr>
				<tr class="td2">
				   <td style="width:20%" align="center">菜肴名称</td>
				   <td style="width:40%" align="center">
				    <input type="hidden" value="<%=m.get("ID")==null?"":m.get("ID") %>" name="dishId">
				     <input type="hidden" value="<%=m.get("DISH_IMAGE")==null?"":m.get("DISH_IMAGE") %>" name="dishPic">
				    <input style="width:200px" type="text" name="dishName" id="dishName"  size="40" value="<%=m.get("DISH_NAME")==null?"":m.get("DISH_NAME") %>" class="area100"  check="c_n_50">
				   </td>
				   <td  style="width:40%"  rowspan="4" align="center" valign="middle"><div id="perDiv" style="display:"><img src="<%=m.get("DISH_IMAGE")==null?"":path+m.get("DISH_IMAGE") %>"><br><br></div></td>
				</tr>
				<tr class="td2">
				   <td  align="center">菜肴类别</td>
				   <td  align="center">
				     <select name="dishType" style="width:200px">
	                      <option value="热菜" <%if(m.get("DISH_TYPE")!=null||"热菜".equals(m.get("DISH_TYPE")+"")){out.println(" selected");} %>>热菜</option>
	                      <option value="凉菜"  <%if(m.get("DISH_TYPE")!=null&&"凉菜".equals(m.get("DISH_TYPE")+"")){out.println(" selected");} %>>凉菜</option>
                          <option value="汤" <%if(m.get("DISH_TYPE")!=null&&"汤".equals(m.get("DISH_TYPE")+"")){out.println(" selected");} %>>汤</option>
                     </select>
				   </td>
				</tr>
				<tr class="td2">
				   <td  align="center">菜肴描述</td>
				   <td  align="center">
				     <textarea style="overflow-y:visible;width:200px;height:50px"  name="dishDesc" id ="dishDesc"   class="area100"  check="c_n_50"><%=m.get("DISH_DESC")==null?"":m.get("DISH_DESC") %></textarea>
				   </td> 
				</tr>
				<tr class="td2">
						<td  align="center">请选择文件</td>
						<td  align="center"><input  style="width:200px" name="fileupload" id="fileupload"  type="file" class="area100" ContentEditable="false" size="0" onchange="if(checkImgType(this.value)){perImg(this.value)};selectFile(document.form1.fileupload, document.form1.fileupload)"/></td>		
				</tr>
				<tr style="display:none"><td colspan="3"><div id="divinfo"><br></div></td></tr>
				<tr class="top_td">
					<td colspan="3"> 
					</td>
				</tr>
			</table>
</form>
</center>
		</body>
</html>
<%@ include file="/hotel/pow.jsp"%>
